<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../src/sass/index1.css">
    <script src="script/main.js" type="module" id="index1"></script>
</head>

<body style="height: 1500px;">
    <!-- 首页登录注册的结构 -->
    <div class="header">
        <div class="login">
            <span>考拉欢迎你！</span>
            <a href="login.html" class="lo">登录</a>
            <a href="registry.html" class="re">免费注册</a>
            <ul>
                <a href=""><li>每日签到</li></a>
                <a href=""><li>我的订单</li></a>
                <a href=""><li>个人中心</li></a>
                <a href=""><li>客户服务</li></a>
                <a href=""><li>充值中心</li></a>
                <a href=""><li>消费者权益</li></a>
                <a href=""><li>更多</li></a>
                <a href=""><li>视频内容</li></a>
            </ul>
        </div>
        <div class="admin" style="display: none;">
            <span class="id"></span><div class="welcome">：欢迎光临</div> 
            <a href="javascript:;" class="exit">退出</a>
        </div>
    </div>
    <input type="text" class="search">
    <input type="text" value="购物车" class="shop">
    <aside>
        <div><p>所有分类</p>  
        </div>
        <ul>
            <li>首页</li>
            <li>海外直购</li>
            <li>考拉海购出品</li>
            <li>品质奶粉</li>
            <li>人气面膜</li>
            <li>充值</li>
        </ul>
</aside>
<div class="menu">
    <ul class="ul1">
        <li>美容彩妆</li>
        <li>母婴儿童</li>
        <li>营养保健</li>
        <li>数码家电</li>
        <li>个护家清</li>
        <li>服饰鞋靴</li>
        <li>运动户外</li>
        <li>手表配饰</li>
        <li>轻奢生活</li>
        <li>家居生活</li>
        <li>环球美食</li>
        <li>宠物生活</li>
    </ul>
    <div class="cartlist" style="display: none">
        <div class="item"><a href="list.html">护肤</a></div>
        <div class="item">奶粉</div>
        <div class="item">胶原蛋白</div>
        <div class="item">生活电器</div>
        <div class="item">洗发护发</div>
        <div class="item">潮流男装</div>
        <div class="item">运动鞋</div>
        <div class="item">潮流饰品</div>
        <div class="item">轻奢包袋</div>
        <div class="item">餐具居家</div>
        <div class="item">人气热门</div>
        <div class="item">零食罐头</div>    
    </div>
</div>

</body>

</html>